<script setup>
import { defineAsyncComponent } from "vue";
import router from "@/router/index";
const Base = defineAsyncComponent(() => import("./base/Edit.vue"));
const Avatar = defineAsyncComponent(() => import("./avatar/Edit.vue"));
const ModifyPwd = defineAsyncComponent(() => import("./modifyPwd/Edit.vue"));
</script>

<template>
  <el-space direction="vertical" fill wrap class="w-fill" :size="20">
    <el-page-header @back="router.back()" size="small">
      <template #content>
        <span class="text-large font-600 mr-3">个人中心</span>
      </template>
    </el-page-header>
    <Base></Base>
    <Avatar></Avatar>
    <ModifyPwd></ModifyPwd>
  </el-space>
</template>
